<#include "/tags/userNotification.ftl">
<#include "/tags/famousQuote.ftl">
<#include "/tags/userCompleteness.ftl">
<#include "/tags/userIntroTag.ftl">
<#include "/tags/editEntryTag.ftl">
<#include "/tags/friendList.ftl">
<#include "/tags/friendHintTag.ftl">
<#include "/tags/updatedSinceTag.ftl">
<#include "/tags/DDMMYYYY.ftl">
<#include "/tags/commonGoalsTag.ftl">
<#include "/tags/allFriendTag.ftl">
<#include "/tags/topGoalsTag.ftl">

<head>
	<title>Viết bài mới</title>
	<link type="text/css" rel="stylesheet" href="${rc.contextPath}/scripts/cleditor/jquery.cleditor.css">	
	<script type="text/javascript" src="${rc.contextPath}/scripts/cleditor/jquery.cleditor.min.js"></script>
	<script type="text/javascript" src="${rc.contextPath}/scripts/addEntry.js"></script>
</head>

<!-- user's status and notifications -->
<@userNotification />

<div class="w3"></div>

<div id="infomation">
	<div id="left">
		<div class="w6"></div>
		<@famousQuote />
		<div class="w9">
			<div class="more1"></div>
		</div>
		<div id="memberdo">
			<div class="left">
				<#if data.goalDetail.userCount gt 1>
					<div class="number">Có <b>${data.goalDetail.userCount}</b> người đang cùng bạn thực hiện mục tiêu này</div>
				</#if>
				<div class="goalname">
					<div class="text">${data.goalDetail.title}</div>
					<a class="icon"></a></div>
	        	</div>
				<div class="right"> <a class="button">Đã hoàn thành</a> </div>
		</div>
		<div class="w3"></div>
		<div class="archtitle">Viết bài mới</div>
	    <div class="w6"></div>
	    <#if data.entry??>
	    	<@editEntry entryId=data.entry.id title=data.entry.title body=data.entry.body image=data.entry.imgURL />
	    <#else>
	    	<@editEntry goalId="${data.goalDetail.id}" />
	    </#if>
		<div class="w6"></div>
	</div>
    
	<div id="right">
		<@userCompleteness />
		<@topGoals />
		<@userIntro />
        <@friendList username="${data.userInSession}" />
        <@friendHint />
        <@allFriend />
	</div>
</div>
